Jazz CMS Wiki
Home Page
All Pages
Categories
About Us
WiebeWorks
CMS
CMS Administration
GUI
Jazz
Jazz Administration
Jazz Web Parts
Library
misc
Roles
Solutions
Training
Web Parts
Web Service
Website Design
Website Procedures
Wiki conventions
WordML
Workflow Administration
Quick Search
»
Advanced Search »
Back
Web Part: Jazz Rotator
Modified on 2014/10/07 22:50
by
Charles
Categorized as
Jazz Web Parts
{toc} ===Jazz Rotator Web Part=== <nowiki><table width="100%"> <tr><td valign="top" width="50%"> The Jazz Rotator Web Part rotates through Jazz objects one at a time. This is useful as a news rotator. <div class="image"><img width="100%" class="image" src="GetFile.aspx?File=/Jazz Images/JazzRotator2.png" alt="Figure 1: Jazz Rotator - Cover Flow"><p class="imagedescription">Figure 1: Jazz Rotator</div> <h4>Rotator use of Cover Flow</h4> Figure 1 shows the rotator used in Cover Flow mode. The text flies into view from the bottom right. For this example, multiple fields with their labels (Show Labels property is checked) are displayed as the item. The red arrows show the direction of the flow of the notes across the screen. <h4>Rotator use of Automatic Advance</h4> Figures 2 and 3 show the display and editing of the same note, respectively. Figure 2 shows the rotator used in Automatic Advance mode as the text scrolls up. For this example, two properties are displayed: Title and Body for the Notes object. The Title - 'Jazz Apps are great!' and the Body - picture and rich text are both saved and displayed as Rich Text that was entered in the Rich Text Editor. <h4>Jazz Editor Web Part</h4> Figure 3 shows the [Jazz Editor Web Part] used to create a Note - just click 'Create note' and the editing of the Note. Within the editor, the body field uses a Rich Text Editor for text entry. Note that the Title field has been decorated with HTML tags. <h4>Filtering notes</h4> The Editor for the Note shows that the last field is Status with Active selected. This is useful, because Status can be used as a filter to only display 'Active' Notes. This allows the user to create notes, work on them and when ready, mark them 'Active' and then when they are ready to retire, mark them 'Completed'. </td><td valign="top"> <div class="imageright"><img width="100%" class="image" src="GetFile.aspx?File=/Jazz Images/JazzRotator.png" alt="Figure 2: Jazz Rotator"><p class="imagedescription">Figure 2: Jazz Rotator</div> <div class="imageright"><img width="100%" class="image" src="GetFile.aspx?File=/Jazz Images/JazzNoteUsed4News.png" alt="Figure 3: Jazz Note Editor"><p class="imagedescription">Figure 3: Jazz Note Editor</div> </td></tr></table></nowiki> ====Access==== This Web Part is accessed by the [Jazz Base Library]. ====Edit Properties==== <nowiki><table width="100%"> <tr><td rowspan="2" valign="top"> Custom Edit properties include: <ul> <li>Class Name: The class name of Jazz objects that are displayed.</li> <li>Refer to <a href="http://wiki.jetfire.ca/Jazz%20Sorting.ashx">Jazz Sorting</a> for Sort Property, Foreign Key Sort, Sort Order parameters</li> <li>Refer to <a href="http://wiki.jetfire.ca/Jazz%20Filtering.ashx">Jazz Filtering</a> for Config File, Filter by Site, Filter, Foreign Key Filter parameters</li> <ul> <li>Note: the filter for this example is <i>ClassType=Note;StatusId=1;GroupName=Home;</i>. This means that <i>Notes</i> are displayed that are <i>Active = 1</i> and the GroupName is <i>Home</i> meaning 'Home page'.</li> </ul> <li>Url Property: The field in the Jazz object that represents a url and can be used in the Web Part as a link to be clicked.</li> <li>Panel CssClass: The CSS style for the background.</li> <li>Scroll Duration: The length of time that it takes to scroll to the next object.</li> <li>Frame Duration: Thee length of time that the object is displayed.</li> <li>Rotator Type: The way in which objects are rotated.</li> <ul> <li>AutomaticAdvance (shown in Figure 2)</li> <li>ButtonsOver: buttons allow user to advance to the next item.</li> <li>Buttons</li> <li>SlideShow: displays items as a slide show.</li> <li>SlideShowButtons</li> <li>FromCode</li> <li>Carousel</li> <li>CarouselButtons: useful only in large spaces and/or with photos.</li> <li>CoverFlow (shown in Figure 1)</li> <li>CoverFlowButtons</li> </ul> <li>Scroll Direction: defines the direction from which the next item scrolls into view.</li> <ul> <li>Left</li> <li>Right</li> <li>Up</li> <li>Down</li> </ul> <li>Show Labels?: If checked, then show the labels for the Jazz object.</li> <li>Start with Random Item?: If checked, then the rotator will select a random item to display when started.</li> <li><a href="http://wiki.jetfire.ca/COR%20Common%20Features.ashx">Jazz Common Edit Properties</a></li> </ul> </td><td> <div class="imageright"><img class="image" src="GetFile.aspx?File=/Jazz Images/JazzRotatorEditor.png" alt="Figure 4a: Editor for Jazz Rotator"><p class="imagedescription">Figure 4a: Editor for Jazz Rotator</div> <div class="imageright"><img class="image" src="GetFile.aspx?File=/Jazz Images/JazzRotatorEditor2.png" alt="Figure 4b: Editor for Jazz Rotator"><p class="imagedescription">Figure 4b: Editor for Jazz Rotator</div> </td></tr></table></nowiki>
Meta Keywords:
Meta Description:
Change Comment:
http://www.wiebeworks.com
- Wiki version 3.0.4.560.